<script setup lang="ts">
const showCalendar = ref(false)
</script>

<template>
  <view>Vant Weapp组件</view>
  <uni-section title="修改颜色 + 字体大小" type="line" padding>
    <uni-countdown :font-size="30" :day="1" :hour="2" :minute="30" :second="0" color="#FFFFFF" background-color="#007AFF" />
  </uni-section>
  <button @click="showCalendar = true">
    显示日历
  </button>
  <van-calendar :show="showCalendar" @close="() => showCalendar = false" />
  <van-button block type="default">
    默认按钮
  </van-button>
  <van-button block type="primary">
    主要按钮
  </van-button>
  <van-button block type="info">
    信息按钮
  </van-button>
  <van-button block type="warning">
    警告按钮
  </van-button>
  <van-button block type="danger">
    危险按钮
  </van-button>
</template>

<style></style>

<route type="home" lang="json">
{}
</route>
